<html>
  <head>
    <title>planshow</title>
    <meta content="">
    <style>
      body{font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
      .loading { width: 300px; height: 300px; margin: 200px auto;}
      .myns > div { box-shadow: 0 0 6px black, inset 0 0 6px black;}

      .container{width: 80%;    border: solid 1px; margin: 0 auto;}
      .container h2{    text-align: center;}
     .container b{    display: inline-block;    border: solid 1px #ccc;padding: 10px;width: 120px;}
      .container table{width: 100%;}
      .container table td{border-bottom: solid 1px #aaa;padding: 5px;}
      .container table tr:hover{background: #eee;}
      .container  i{font-size: 12px;font-weight: lighter;}
      .container .choose{text-align: center;}
      .container  td a{cursor: pointer;background-repeat: no-repeat; background-size:25px 25px ;height: 25px;    width: 25px;    display: inline-block;    padding: 0px;    margin: 0px;}  
      .container  a.open{background-image:url(./img/ic_checkmark_holo_light.png)}
      .container  a.close{background-image:url(./img/ic_clear_search_api_holo_light.png)}
    </style>
    <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
    <!-- <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script> -->
    <!-- <script src="https://unpkg.com/react@17/umd/react.production.min.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js" crossorigin></script> -->
    <!-- <script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script> -->
    <script src="lib/react.production.min.js" crossorigin></script>
    <script src="lib/react-dom.production.min.js" crossorigin></script>
    <script src="lib/babel.js"></script>
    <script src="lib/jquery.min.js"></script>
    <script src="lib/jquery.shCircleLoader.js"></script>
    <!-- Load our React component. -->
  </head>
  <body>
    <script src="my.js" type="text/babel"></script>

    <div class="loading"></div>
<div id='container' class='container'></div>
  </body>
</html>